// import { Select } from "antd"
// import { dict } from "@/locales/en-US/context/dict"
import { FC } from "react"

//import { useOptions } from "@/hooks/useOptions"
import { SFormItem } from "@/components/common"
import StyleSelect from "@/components/common/styleSelect"
import { useLocale } from "@/locales"

const CheckedStatus: FC<any> = props => {
	const { rules, disable, labelProps, selectorProps } = props
	const { formatMessage } = useLocale()
	const options = [
		{ label: formatMessage({ id: "report.check" }), value: 0 },
		{ label: formatMessage({ id: "report.checking" }), value: 1 },
		{ label: formatMessage({ id: "report.checked" }), value: 2 }
	]
	console.log("options:", options)

	return (
		<SFormItem name="checkStatus" label={`${formatMessage({ id: "label.checked_status" })}:`} rules={rules} {...labelProps}>
			<StyleSelect
				placeholder={formatMessage({ id: "label.select_all" })}
				allowClear
				options={options}
				disable={disable}
				{...selectorProps}
			/>
		</SFormItem>
	)
}

export default CheckedStatus
